<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

<head th:replace="/user/common/CSSandJS1 :: head('联系我们')"></head>
<body>

<!--wrapper start-->
<div class="wrapper">

  <!--== Start Preloader Content ==-->
  <div class="preloader-wrap">
    <div class="preloader">
      <span class="dot"></span>
      <div class="dots">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </div>
  <!--== End Preloader Content ==-->

  <!--== Start Header Wrapper ==-->
  <header th:replace="/user/common/header :: header(${cartList}, ${totalMoney})"></header>
  <!--== End Header Wrapper ==-->
  
  <main class="main-content">
    <!--== Start Page Header Area Wrapper ==-->
    <div class="page-header-area">
      <div class="container">
        <div class="row">
          <div class="col-12 text-center">
            <div class="page-header-content">
              <nav class="breadcrumb-area">
                <ul class="breadcrumb">
                  <li><a href="index.html">Home</a></li>
                  <li class="breadcrumb-sep">/</li>
                  <li>contact</li>
                </ul>
              </nav>
              <h4 class="title">contact</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--== End Page Header Area Wrapper ==-->

    

    <!--== Start Contact Info Area Wrapper ==-->
    <section class="contact-info-area">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-lg-4">
            <div class="contact-info-item">
              <h4>CONTACT DIRECTLY</h4>
              <p>info@example.com</p>
              <p>+08801234576</p>
            </div>
          </div>
          <div class="col-md-6 col-lg-4">
            <div class="contact-info-item">
              <h4>VISIT OUR OFFICE</h4>
              <p>184 Main Rd E, St Albans </p>
              <p>VIC 3021,</p>
            </div>
          </div>
          <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0">
            <div class="contact-info-item">
              <h4>WORK WITH US</h4>
              <p>Send your CV to our email:</p>
              <p>career@example.com</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--== End Contact Info Area Wrapper ==-->

    <!--== Start Contact Area Wrapper ==-->
    <section class="contact-area">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="section-title">
              <h2>Get in touch with us</h2>
            </div>
          </div>
          <div class="col-lg-12">
            <div class="contact-form-content">
              <!--== Start Rsvp Form ==-->
              <div class="contact-form">
                <form id="contact-form" action="https://whizthemes.com/mail-php/raju/arden/mail.php" method="post">
                  <div class="row">
                    <div class="col-md-4">
                      <div class="form-group">
                        <input class="form-control" type="text" name="con_name" placeholder="Your name" required>
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <input class="form-control" type="email" name="con_email" placeholder="Your email" required>
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <input class="form-control" type="text" name="con_phone" placeholder="Phone Number">
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group">
                        <textarea class="form-control" name="con_message" placeholder="Your Message"></textarea>
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group text-center">
                        <button class="btn btn-link btn-contact" type="submit">Send Message</button>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <!--== End Rsvp Form ==-->
              <div class="form-message"></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--== End Contact Area Wrapper ==-->
  </main>

  <!--== Start Footer Area Wrapper ==-->
  <footer th:replace="/user/common/footer :: footer"></footer>
  <!--== End Footer Area Wrapper ==-->

  <!--== Scroll Top Button ==-->
  <div id="scroll-to-top" class="scroll-to-top"><span class="fa fa-angle-double-up"></span></div>

  <!--== Start Quick View Menu ==-->
  <aside th:replace="/user/common/aside :: aside"></aside>

  <!--== End Side Menu ==-->
</div>

<!--=======================Javascript============================-->
<div th:replace="/user/common/CSSandJS1 :: js"></div>

</body>

</html>